<template>
  <!-- 第一个大屏 -->
  <div class="app">
    <div class="app-bg" id="AirCIMMapContainerView"></div>
    <TopTitle></TopTitle>
    <div style="display: flex; justify-content: space-between">
      <div class="left" style="margin-left: 30px;width: 460px;">
        <div style="position: relative;height: 632px;">
          <BusinessSituation></BusinessSituation>
        </div>
        <div style="position: relative; margin-top: 20px;height: 269px;">
          <BusinessEfficiency></BusinessEfficiency>
        </div>
      </div>
      <div class="middle" style="margin: 0 auto; width: 880px;">
        <div style="position: relative; margin-top: 20px; height: 78px">
          <BusinessIconNum></BusinessIconNum>
        </div>
        <!-- 评价分析 -->
        <div style="position: relative; margin-top: 0px; height: 260px"></div>
        <div style="position: relative; margin-top: 0px"></div>
      </div>
      <div
        class="right"
        style="margin-right: 30px; width: 460px; height: 911px;position: relative;"
      >
        <div style="position: relative; margin-top: 16px">
          <BusinessProject></BusinessProject>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import TopTitle from "../components/elements/TopTitle.vue";
import BusinessSituation from "../components/elements/BusinessSituation.vue";
import BusinessEfficiency from "../components/elements/BusinessEfficiency.vue";
import BusinessIconNum from "../components/elements/BusinessIconNum.vue";
import BusinessProject from "../components/elements/BusinessProject.vue";
export default {
  components: {
    TopTitle,
    BusinessSituation,
    BusinessEfficiency,
    BusinessIconNum,
    BusinessProject,
  },
  methods: {
    initMap(){
      //加载场景 加载实例DOM,图层model,当前实例项
      AirCIMActiveScene('AirCIMMapContainerView','6',this);
    },
  },
  mounted() {
    this.initMap();
  }
};
</script>
<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  width: 1920px;
  height: 1080px;
  background: rgba(2, 25, 35);
}
.app{
  position: relative;
}
.app-bg{
  width: 100%;
  height: 100%;
  position: absolute;
}
</style>
